<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body class="dpflex fdcolumn">
    <div class="app-mine pb77 flex1 ofs">
        <div class="topUser w100" id="topUser">
            <div class="userInfo dpflex">
                <p class="img active">
                    <img id="imgurl" src="#" alt="">
                </p>
                <p class="dpflex flex1 fdspaceB">
                    <span class="fwb" id="account">用户名</span>
                    <a href="./personalData.html">
                        <i class="iconfont icon-next ztt"></i>
                    </a>
                </p>
            </div>
            <p class="signature fwb w100">个性签名：<span class="ztt" id="sign"></span></p>
        </div>
        <div class="personalDynamics mt16 w100 dpflex fdspaceB">
            <p class="dpflex">
                <i class="iconfont icon-xinxi ztc fwb"></i>
                <span class="fwb ml10">个人动态</span>
            </p>
            <p class="dpflex">
                <span class="dynamicsNum zzt" id="dynamicCount"></span>
                <i class="iconfont icon-next ztt"></i>
            </p>
        </div>
        <div class="sportsData w100 mt16 p15" id="sportsData">
            <div class="topNav dpflex fdspaceB">
                <p>
                    <i class="iconfont icon-shuju ztc f24"></i>
                    <span class="ml8 fwb">运动数据</span>
                </p>
                <a href="./sportsData.html">
                    <i class="iconfont icon-next f24 ztt"></i>
                </a>
            </div>
            <div class="sports dpflex w100 fdspaceB">
                <div class="dpflex fdcolumn flex1">
                    <span class="title">总运动</span>
                    <p class="mt16"><span class="num ztc" id="times"></span>分钟</p>
                </div>
                <div class="dpflex fdcolumn rightBox flex1">
                    <span class="title">本周消耗</span>
                    <p class="mt16"><span class="num ztc" id="calorie"></span>卡路里</p>
                </div>
            </div>
        </div>
        <div class="myBadge w100 mt16 p15" id="myBadge">
            <div class="topNav dpflex fdspaceB">
                <p class="dpflex">
                    <i class="iconfont icon-sharpicons_badge- f24 ztc"></i>
                    <span class="fwb ml8">我的运动徽章</span>
                </p>
                <a href="./badge.html">
                    <i class="iconfont icon-next f24 ztt"></i>
                </a>
            </div>
            <div class="badgeBox w100 dpflex fdspaceA">
                <img src="../imgs/mybadge02.jpg" alt="">
                <img src="../imgs/mybadge04.jpg" alt="">
                <img src="../imgs/mybadge07.jpg" alt="">
            </div>
        </div>
        <p class="quitLogin ztc  w100 mt16 ztc" id="out">退出登录</p>
    </div>
</body>

</html>